<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
		.box {
			transform: rotate(45deg);
		}
	</style>
</head>
<body>
	<div class="box"></div>
</body>
<script>
	// 用js获取transform样式
	let oBox = document.querySelector('.box');
	console.log(getComputedStyle(oBox, false).transform);
	// 打印  matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)
	// getComputedStyle是获取计算后的样式
	// 这是返回了一个解析后的样式，matrix是矩阵的意思，所以这里rotate变成了一个矩阵
	// false是为了兼容火狐2.5




</script>
</html>